<template>
    <div class="checkout-form personal-address">
        <div class="personal-info-head">
            <h4 data-sider-select-id="57bc10bb-b4b2-4dda-9ecd-df5069a81c8a">修改密码</h4>
            <p>密码只能由数字，大写字母，小写字母构成，最少为6位.</p>
        </div>
        <div class="row">
            <div class="col-lg-6">
                <form action="#">
                    <div class="form-group">
                        <label class="form-control-label">当前密码</label>
                        <input type="password" class="form-control" placeholder="请输入当前密码">
                    </div>
                    <div class="form-group">
                        <label class="form-control-label">新密码</label>
                        <div class="pass-group" id="passwordInput">
                            <input type="password" class="form-control pass-input" placeholder="请输入新密码">
                        </div>
                        <div class="password-strength" id="passwordStrength">
                            <span id="poor"></span>
                            <span id="weak"></span>
                            <span id="strong"></span>
                            <span id="heavy"></span>
                        </div>
                        <div id="passwordInfo"></div>
                    </div>
                    <div class="form-group">
                        <label class="form-control-label">确认新密码</label>
                        <input type="password" class="form-control" placeholder="请再次输入新密码">
                    </div>
                    <div class="update-profile save-password">
                        <button type="button" class="btn btn-primary">确认密码</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</template>